<template id="userList">
    <div>
        <div class="max_box">
            <div class="inMid">
                <!--<div class="inmid_search">-->
                    <!--<div class="col-md-9">-->
                        <!--<span class="glyphicon glyphicon-search form_control_feedback"></span>-->
                        <!--<input type="text" class="form-control" id="search" name="search" v-model="search" placeholder="{{msg}}" autofocus>-->
                    <!--</div>-->
                    <!--<button type="button" class="btn btn-primary" @click="select">搜索</button>-->
                <!--</div>-->
                <!--<div class="inmid_search">-->
                    <!--<select class="form-control" v-model="type">-->
                        <!--<option value="bookname" selected>书名</option>-->
                        <!--<option value="isbn">isbn</option>-->
                        <!--<option value="author">作者</option>-->
                        <!--<option value="publish">出版社</option>-->
                    <!--</select>-->
                <!--</div>-->
                <!--<div class="inmid_add">-->
                    <!--<button type="button" class="btn btn-primary" @click="add">添加图书</button>-->
                <!--</div>-->
            <!--</div>-->
            <table class="table table-striped">
                <tr>
                    <th>#</th>
                    <th>userId</th>
                    <th>username</th>
                    <th>balance</th>
                    <th>address</th>
                    <th>gender</th>
                    <th>库存</th>
                    <th>编目</th>
                    <th>操作</th>
                </tr>
                <tr v-for="item in list">
                    <td>111111</td>
                    <td>111111</td>
                    <td>111111</td>
                    <td>111111</td>
                    <td>111111</td>
                    <td>111111</td>
                    <td>111111</td>
                    <td>111111</td>
                    <td><button type="button" class="btn btn-primary" data-toggle="modal">
                        修改
                    </button>
                    </td>
                </tr>
            </table>
            <!--<div class="page-bar">-->
                <!--<ul>-->
                    <!--<li v-if="showFirst"><a v-on:click="cur&#45;&#45;">上一页</a></li>-->
                    <!--<li v-for="index in indexs"  v-bind:class="{ 'active': cur == index}">-->
                        <!--<a v-on:click="btnClick(index)">{{ index }}</a>-->
                    <!--</li>-->
                    <!--<li v-if="showLast"><a v-on:click="cur++">下一页</a></li>-->
                    <!--<li><a>共<i>{{all}}</i>页</a></li>-->
                    <!--<li><input type="text" value="{{goPage}}" id="gopage" ></input></li>-->
                    <!--<li><button @click="gopage">跳转</button></li>-->
                <!--</ul>-->
            <!--</div>-->


            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'userList',
        data () {
            return {
                list:[1,2,3,4]
            }
        },
        mounted:function () {

                console.log(this.route)

        },
        methods: {


        }
    }
</script>
<style>



</style>

